.register {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;

  &:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url(./img/bg.jpg);
    background-size: cover;
  }
}
.registerBox {
  width: 500px;
  padding-bottom: 60px;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 18px 2px rgba(148, 148, 148, 0.3);
  -moz-box-shadow: 0px 0px 18px 2px rgba(148, 148, 148, 0.3);
  box-shadow: 0px 0px 18px 2px rgba(148, 148, 148, 0.3);
  &-title {
    margin: 40px auto;
    text-align: center;
    font-size: 28px;
    font-size: 30px;
  }
  .reg-ico {
    width: 22px;
    height: 22px;
  }
  &-tip {
    position: absolute;
    top: 43px;
    right: 40px;
    font-size: 12px;
    color: #73777a;
    letter-spacing: 0.4px;
    line-height: 30px;
    text-align: left;
  }
  .sendBtn {
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    background-color: rgb(40, 199, 111);
  }
  .check-ico {
    width: 20px;
    height: 20px;
  }
  .registerBtn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: rgb(40, 199, 111);
  }
  .register-bottom {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e6e6e6;
  }
}

@media (max-width: 1919px) {
  .forget {
    .forgetBox {
      margin-top: 0.6rem;
      .forgetfooter {
        margin: 0.2rem 10% 0;
      }
      .back {
        padding: 0.6rem 0;
      }
    }
  }
}
